.about .about-area {
    width: 100%;
    height: 100%;
    background-image: url('../img/about_bg.png');
    background-size: 100% 100%;
    padding: 1rem;
    font-size: 0.8rem;
    font-family: cursive;
}

.about .pb1 {
    padding-bottom: 1rem;
}

.about .about-info {
    display: block;
    padding-bottom: 0.8rem;
}

.about .back {
    width: 100%;
    text-align: center;
    background-color: peru;
    height: 2.5rem;
    line-height: 2.5rem;
}

.about .letter-b {
    color: rgb(222, 233, 187);
    font-size: 1rem;
    z-index: 1;
}

.about .letter-l {
    color: rgb(222, 233, 187);
    font-size: 1rem;
    z-index: 2;
}

.about .letter-u {
    color: rgb(222, 233, 187);
    font-size: 1rem;
    z-index: 3;
}

.about .letter-r {
    color: rgb(222, 233, 187);
    font-size: 1rem;
    z-index: 4;
}

.about .letter-hover:hover {
    color: rgb(241, 129, 129);
    text-shadow: .5vw .5vw 0 black;
}

.about .letter-b {
    animation: B 4s linear infinite;
    -moz-animation: B 4s linear infinite;
    /* Firefox */
    -webkit-animation: B 4s linear infinite;
    /* Safari and Chrome */
    -o-animation: B 4s linear infinite;
    /* Opera */
}

@keyframes B {
    0% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    16.6666666667% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    33.3333333334% {
        -webkit-filter: blur(8px);
        filter: blur(8px);
    }
    50% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
    }
    66.6666666668% {
        -webkit-filter: blur(8px);
        filter: blur(8px);
    }
    83.3333333335% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

.about .letter-l {
    animation: L 4s linear infinite;
    -moz-animation: L 4s linear infinite;
    /* Firefox */
    -webkit-animation: L 4s linear infinite;
    /* Safari and Chrome */
    -o-animation: L 4s linear infinite;
    /* Opera */
}

@keyframes L {
    0% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    16.6666666667% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    33.3333333334% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    50% {
        -webkit-filter: blur(8px);
        filter: blur(8px);
    }
    66.6666666668% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    83.3333333335% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
}

.about .letter-u {
    animation: U 4s linear infinite;
    -moz-animation: U 4s linear infinite;
    /* Firefox */
    -webkit-animation: U 4s linear infinite;
    /* Safari and Chrome */
    -o-animation: U 4s linear infinite;
    /* Opera */
}

@keyframes U {
    0% {
        -webkit-filter: blur(8px);
        filter: blur(8px);
    }
    16.6666666667% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    33.3333333334% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    50% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    66.6666666668% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    83.3333333335% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    100% {
        -webkit-filter: blur(8px);
        filter: blur(8px);
    }
}

.about .letter-r {
    animation: R 4s linear infinite;
    -moz-animation: R 4s linear infinite;
    /* Firefox */
    -webkit-animation: R 4s linear infinite;
    /* Safari and Chrome */
    -o-animation: R 4s linear infinite;
    /* Opera */
}

@keyframes R {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
    }
    16.6666666667% {
        -webkit-filter: blur(8px);
        filter: blur(8px);
    }
    33.3333333334% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    50% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    66.6666666668% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    83.3333333335% {
        -webkit-filter: blur(8px);
        filter: blur(8px);
    }
    100% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
    }
}